<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人博客</title>
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
<div class="pc">
    <header>
        <div class="container">
            <nav class="clearfix">
                <div class="logo">
                    <a href="">罗高扬个人博客</a>
                </div>
                <div class="content">
                    <ul class="clearfix">
                        <li class="btn1"><a href="">网站首页</a></li>
                        <li class="btn2"><a href="">个人博客日记</a></li>
                        <li class="btn3"><a href="">网站制作</a></li>
                        <li class="btn5"><a href="">关于我</a></li>
                        <li class="btn7"><a href="">博客导航</a></li>
                        <li class="btn8"><a href="">留言</a></li>
                    </ul>
                </div>
                <div class="input clearfix">
                    <input type="text" placeholder="请输入关键字词">
                    <div class="searchicon"></div>
                </div>

            </nav>
        </div>
    </header>
    <div class="wheel-planting">
        <div class="container clearfix">
            <div class="banbox">
                <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <img src="images/swiper1.jpg" class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item">
                            <img src="images/swiper2.jpg" class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item">
                            <img src="images/swiper3.jpg" class="d-block w-100" alt="...">
                        </div>
                    </div>
                    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
            <div class="headline">
                <ul>
                    <li><a href="">
                        <img src="images/qiqiu.jpg" alt="">
                        <span>为什么说10月24日是程序员的节日？</span>
                    </a>
                    </li>
                    <li><a href="">
                        <img src="images/yibenshu.jpg" alt="">
                        <span>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</span>
                    </a>
                    </li>
                </ul>
            </div>
            <div class="personal-introduction">
                <div class="card">
                    <h2>我的名片</h2>
                    <p>网名：罗高扬</p>
                    <p>职业：学生</p>
                    <p>现居：河北省-邯郸市</p>
                    <p>Email：2523156348@qq.com</p>
                    <ul class="linkmore clearfix">
                        <li><a href="" class="iconfont icon-weixin"><i class="fa fa-weixin"></i></a></li>
                        <li><a href="" class="iconfont icon-qq"><i class="fa fa-qq"></i></a></li>
                        <li><a href="" class="iconfont icon-xinxi"><i class="fa fa-envelope"></i></a></li>
                        <li><a href="" class="iconfont icon-weibo"><i class="fa fa-weibo"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="tab-box">
        <div class="container clearfix">
            <div class="whitebg">
                <div class="tab-buttons">
                    <ul class="clearfix">
                        <li class="newscurrent">个人博客日记</li>
                    </ul>
                </div>
                <div class="newstab">
                    <div class="newsitem clearfix">
                        <div class="newspic">
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="images/xiaoyi.jpg" alt="">
                                        <span>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/xiaoer.jpg" alt="">
                                    </a>
                                    <span>个人博客，属于我的小世界！</span>
                                </li>
                            </ul>
                        </div>
                        <div class="newslist">
                            <ul>
                                <li class="clearfix">
                                    <i></i>
                                    <a href="">安静地做一个爱编程的女子</a>
                                    <p>自从入了这行，很多人跟我说可以做网络教程，我也有考虑，但最终没有实现，因为我觉得在这个教程泛滥的时代，直接做一套免费的原创个人博客模板更为实在。每当看到自己喜欢的配色图片</p>
                                </li>
                                <li class="clearfix">
                                    <i></i>
                                    <a href="">电话以外的宁静</a>
                                    <p>电话很久没有响过了，我的QQ也很久没有在线了，消失了很多天，刚刚结识的朋友因为我身上又起了红疹，每天都发来消息询问我的情况，我做到了这么多天来的沉默，我相信，没有网络，我还是可以继续我自己的生活</p>
                                </li>
                                <li class="clearfix">
                                    <i></i>
                                    <a href="">遇见一个未知的你</a>
                                    <p>听着那熟悉的歌曲看着那一张张可爱的图片.-读着我们共同欣赏的诗……也许我们曾经相遇,看着你远去的背影 ,沿着你来的方向 ,回忆时间穿梭于幸福的点点滴滴....</p>
                                </li>
                                <li class="clearfix">
                                    <i></i>
                                    <a href="">个人网站做好了，百度不收录怎么办？来，看看他们怎么做的...</a>
                                    <p>不管你是学前端的还是后端的，作为一个程序员，做一个自己的博客，那是必然的。咱们的圈子就这么大，想让更多的人了解你，看看你的技术多牛逼，扔一个博客地址就行了</p>
                                </li>
                                <li class="clearfix">
                                    <i></i>
                                    <a href="">个人博客，属于我的小世界！</a>
                                    <p>个人博客，用来做什么？我刚开始就把它当做一个我吐槽心情的地方，也就相当于一个网络记事本，写上一些关于自己生活工作中的小情小事，也会放上一些照片，音乐。每天工作回家后就能访问自己的网站，一边听着音乐，一边写写文章。</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="small-whitebg notice">
                <h2 class="htitle">
                    最近更新
                </h2>
                <ul class="clearfix">
                    <li><a href="">【个人博客空间申请】金牛云服，免费领空间啦</a></li>
                    <li><a href="">双十一，阿里云特惠活动，快来领券啦</a></li>
                    <li><a href="">第二届 优秀个人博客模板比赛参选活动</a></li>
                    <li><a href="">为什么说10月24日是程序员的节日？</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="banner clearfix">
        <div class="container clearfix">
            <div class="banner-zuo">
                <div class="back clearfix`">
                    <h2 class="btit clearfix">
                <span class="bnav">
                    <a href="">帝国CMS</a>
                    <a href="">个人博客</a>
                    <a href="">网站制作</a>
                </span>
                        特别推荐
                    </h2>
                    <ul>
                        <li>
                            <i class="ztpic">
                                <a href="">
                                    <img src="images/tebie-yi.png" alt="">
                                </a>
                            </i>
                            <b>【个人博客空间申请】金牛云服，免费领空间啦</b>
                            <span>还在愁域名购买了，如何选择主机或者服务器吗？其实选择主机或者服务器有几个重要的选项，比如，线路，CPU，内存，带宽，网页空间，数据库，月流量等等。那什么是主机，什么是服务器，他们的区别</span>
                            <a href="" class="readmore">文章阅读</a>
                        </li>
                        <li>
                            <i class="ztpic">
                                <a href="">
                                    <img src="images/tebie-er.png" alt="">
                                </a>
                            </i>
                            <b>双十一，阿里云特惠活动，快来领券啦</b>
                            <span>一折的产品，有没有看错，咱来看看，到底是哪些一折，想买空间吗？算了吧，服务器的价钱都比空间便宜呢，那肯定买服务器啊，咱来看看阿里云一折的服务器哪些好</span>
                            <a href="" class="readmore">文章阅读</a>
                        </li>
                        <li>
                            <i class="ztpic">
                                <a href="">
                                    <img src="images/tebie-san.jpg" alt="">
                                </a>
                            </i>
                            <b>第二届 优秀个人博客模板比赛参选活动</b>
                            <span>只要你是在校大学生，不管你是新生，还是即将毕业，不管你是前端菜鸟，还是前端大神，只要你会html，这里将会是你展示才能的大平台。</span>
                            <a href="" class="readmore">文章阅读</a>
                        </li>
                        <li>
                            <i class="ztpic">
                                <a href="">
                                    <img src="images/tebie-si.jpg" alt="">
                                </a>
                            </i>
                            <b>为什么说10月24日是程序员的节日？</b>
                            <span>创立“程序员节”最早是来自俄文《计算机世界》（《Компьютерра》）出版社的主编德米特里·门德列留科（Дмитрий Мендрелюк）在1996年7月15日的想法，当时计划将节日命名为“计算机用户节”，定在每年9月份的第一个星期五，称之为“纯净的星期五</span>
                            <a href="" class="readmore">文章阅读</a>
                        </li>
                        <li>
                            <i class="ztpic">
                                <a href="">
                                    <img src="images/tebie-wu.jpg" alt="">
                                </a>
                            </i>
                            <b>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</b>
                            <span>不管你是学前端的还是后端的，作为一个程序员，做一个自己的博客，那是必然的。咱们的圈子就这么大，想让更多的人了解你，看看你的技术多牛逼，扔一个博客地址就行了。大多数人在没有</span>
                            <a href="" class="readmore">文章阅读</a>
                        </li>
                        <li>
                            <i class="ztpic">
                                <a href="">
                                    <img src="images/tebie-liu.jpg" alt="">
                                </a>
                            </i>
                            <b>即便是坑，我也想要拉你入伙！和我一起</b>
                            <span>对于刚毕业的学生来说，想学习建网站，掌握一技之长，最简单的入门无非就是学会html和css，先前发表过一篇文章《如果要学习web前端开发，需要学习什么？》，如果你还不知道如何着手，请仔细阅读....7天的时间，入门是没有问题的，当然，如果你用心的话！</span>
                            <a href="" class="readmore">文章阅读</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="banner-you clearfix">
                <h2 class="htitle">点击排行</h2>
                <div class="hov">
                    <a href="">
                        <img src="images/ce2.jpg" alt="">
                    </a>
                </div>
                <ul>
                    <li>
                        <i></i>
                        <a href="">
                            十条设计原则教你学会如何编写网页布局!
                        </a>
                    </li>
                    <li>
                        <i></i>
                        <a href="">
                            Come on,行动起来吧!我们和时间来一场赛跑!
                        </a>
                    </li>
                    <li>
                        <i></i>
                        <a href="">
                            为什么说10月24日是程序员的节日？
                        </a>
                    </li>
                    <li>
                        <i></i>
                        <a href="">
                            个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。
                        </a>
                    </li>
                    <li>
                        <i></i>
                        <a href="">
                            如何快速建立自己的个人博客网站
                        </a>
                    </li>
                    <li>
                        <i></i>
                        <a href="">
                            【个人博客空间申请】金牛云服，免费领空间啦
                        </a>
                    </li>
                </ul>
            </div>
            <div class="banner-you-xia">
                <h2 class="htitle">站长推荐</h2>
                <div class="hover">
                    <a href="">
                        <img src="images/zhanzhangyi.jpg" alt="">
                    </a>
                </div>
                <ul>
                    <li class="tuijian">
                        <a href="">
                            <i><img src="images/tuijianyi.jpg" alt=""></i>
                            <p>十条设计原则教你学会如何设计网页布局!</p>
                        </a>
                    </li>
                    <li class="tuijian">
                        <a href="">
                            <i><img src="images/tuijianer.png" alt=""></i>
                            <p>【个人博客空间申请】金牛云服，免费领空间啦</p>
                        </a>
                    </li>
                    <li class="tuijian">
                        <a href="">
                            <i><img src="images/tuijiansan.png" alt=""></i>
                            <p>双十一，阿里云特惠活动，快来领券啦</p>
                        </a>
                    </li>
                    <li class="tuijian">
                        <a href="">
                            <i><img src="images/tuijiansi.jpg" alt=""></i>
                            <p>第二届 优秀个人博客模板比赛参选活动</p>
                        </a>
                    </li>
                    <li class="tuijian">
                        <a href="">
                            <i><img src="images/tuijianwu.jpg" alt=""></i>
                            <p>为什么说10月24日是程序员的节日？</p>
                        </a>
                    </li>
                    <li class="tuijian">
                        <a href="">
                            <i><img src="images/tuijianliu.jpg" alt=""></i>
                            <p>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="bai bloglist">
                <h2 class="htitle">最新博文</h2>
                <ul>
                    <li>
                        <h3 class="blogtitle">
                            <b>【顶】</b>
                            <a href="">十条设计原则教你学会如何编写网页布局!</a>
                        </h3>
                    <span class="blogpic imgscale">
                        <i></i>
                        <a href="">
                            <img src="images/yizhang.jpg" alt="">
                        </a>
                    </span>
                        <p class="blogtext">网页常见的布局有很多种,单列布局,多列布局.其中单列布局是国外很多网站比较常用的.咱们很多站长以及门户网站都使用的是是两列布局,很少用三列布局的.下面我来分享下我们常用的网页布局格式以及设计技巧 </p>
                        <p class="bloginfo"><a href="">阅读更多</a></p>

                    </li>
                    <li>
                        <h3 class="blogtitle">
                            <b>【顶】</b>
                            <a href="">Come on,行动起来吧!我们和时间来一场赛跑!</a>
                        </h3>
                    <span class="blogpic imgscale">
                        <i></i>
                        <a href="">
                            <img src="images/liangzhang.jpg" alt="">
                        </a>
                    </span>
                        <p class="blogtext">"时间过得那么飞快,使我的小心眼儿里不只是着急,还有悲伤.有一天,我放学回家,看到太阳快落山了,就下决心说:"我要比太阳更快地回家."我狂奔回去,站在庭院前喘气的时候,看到太阳还露着半边脸,我高兴地跳跃起来 </p>
                        <p class="bloginfo"><a href="">阅读更多</a></p>

                    </li>
                    <li>
                        <h3 class="blogtitle"><a href="">【个人博客空间申请】金牛云服，免费领空间啦</a></h3>
                    <span class="blogpic imgscale">
                        <i></i>
                        <a href=""><img src="images/sanzhang.png" alt=""></a>
                    </span>
                        <p class="blogtext">还在愁域名购买了，如何选择主机或者服务器吗？
                            <br>
                            <br>

                            其实选择主机或者服务器有几个重要的选项，比如，线路，CPU，内存，带宽，网页空间，数据库，月流量等等。那什么是主机，什么是服务器，他们的区别
                        </p>
                        <p class="bloginfo"><a href="">阅读更多</a></p>
                    </li>
                    <li>
                        <h3 class="blogtitle"><a href="">双十一，阿里云特惠活动，快来领券啦</a></h3>
                    <span class="blogpic imgscale">
                        <i></i>
                        <a href=""><img src="images/sizhang.png" alt=""></a>
                    </span>
                        <p class="blogtext">一折的产品，有没有看错，咱来看看，到底是哪些一折，想买空间吗？算了吧，服务器的价钱都比空间便宜呢，那肯定买服务器啊，咱来看看阿里云一折的服务器哪些好 </p>
                        <p class="bloginfo"><a href="">阅读更多</a></p>
                    </li>
                    <li>
                        <h3 class="blogtitle"><a href="">第二届 优秀个人博客模板比赛参选活动</a></h3>
                    <span class="blogpic imgscale">
                        <i></i>
                        <a href=""><img src="images/wuzhang.jpg" alt=""></a>
                    </span>
                        <p class="blogtext">只要你是在校大学生，不管你是新生，还是即将毕业，不管你是前端菜鸟，还是前端大神，只要你会html，这里将会是你展示才能的大平台。 </p>
                        <p class="bloginfo"><a href="">阅读更多</a></p>
                    </li>
                    <li>
                        <h3 class="blogtitle"><a href="">为什么说10月24日是程序员的节日？</a></h3>
                    <span class="blogpic imgscale">
                        <i></i>
                        <a href=""><img src="images/liuzhang.jpg" alt=""></a>
                    </span>
                        <p class="blogtext">创立“程序员节”最早是来自俄文《计算机世界》（《Компьютерра》）出版社的主编德米特里·门德列留科（Дмитрий Мендрелюк）在1996年7月15日的想法，当时计划将节日命名为“计算机用户节”，定在每年9月份的第一个星期五，称之为“纯净的星期五 </p>
                        <p class="bloginfo"><a href="">阅读更多</a></p>
                    </li>
                    <li>
                        <h3 class="blogtitle"> <a href="">个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</a></h3>
                    <span class="blogpic imgscale">
                        <i></i>
                        <a href=""><img src="images/qizhang.jpg" alt=""></a>
                    </span>
                        <p class="blogtext">不管你是学前端的还是后端的，作为一个程序员，做一个自己的博客，那是必然的。咱们的圈子就这么大，想让更多的人了解你，看看你的技术多牛逼，扔一个博客地址就行了。</p>
                        <p class="bloginfo"><a href="">阅读更多</a></p>
                    </li>
                    <li>
                        <h3 class="blogtitle"><a href="">即便是坑，我也想要拉你入伙！</a></h3>
                    <span class="blogpic imgscale">
                        <i></i>
                        <a href=""><img src="images/bazhang.jpg" alt=""></a>
                    </span>
                        <p class="blogtext">对于刚毕业的学生来说，想学习建网站，掌握一技之长，最简单的入门无非就是学会html和css，先前发表过一篇文章《如果要学习web前端开发，需要学习什么？》，如果你还不知道如何着手，请仔细阅读....7天的时间，入门是没有问题的，当然，如果你用心的话！ </p>
                        <p class="bloginfo"><a href="">阅读更多</a></p>
                    </li>
                </ul>
            </div>
            <div class="biaoqian">
                <h2 class="htitle">标签云</h2>
                <ul>
                    <a href="">活动</a>
                    <a href="">视频教程</a>
                    <a href="">程序员</a>
                    <a href="">节日</a>
                    <a href="">金牛云服</a>
                    <a href="">教程</a>
                    <a href="">英文</a>
                    <a href="">空间</a>
                    <a href="" class="tes">帝国cms</a>
                    <a href="" class="tea">个人</a>
                    <a href="">网站</a>
                    <a href="">比赛</a>
                </ul>
            </div>
            <div class="had-right">
                <h2 class="htitle">猜你喜欢</h2>
                <ul>
                    <li><a href="">十条设计原则教你学会如何编写网页布局!</a></li>
                    <li><a href="">Come on,行动起来吧!我们和时间来一场赛跑!</a></li>
                    <li><a href="">【个人博客网站制作】自己不会个人博客网站制作，你会选择用什么博客程序源码？</a></li>
                    <li><a href="">CSS3 Maker 在线生成代码</a></li>
                    <li><a href="">电话以外的宁静</a></li>
                    <li><a href="">第二届 优秀个人博客模板比赛参选活动</a></li>
                    <li><a href="">即便是坑，我也想要拉你入伙！</a></li>
                    <li><a href="">别让这些闹心的套路，毁了你的网页设计</a></li>
                </ul>
            </div>
        </div>
    </div>
    <footer>
        <div class="container">
            <div class="box clearfix">
                <div class="wxbox">
                    <ul class="clearfix">
                        <li>
                            <img src="images/wxgzh.jpg" alt="">
                            <p>微信公众号</p>
                        </li>
                        <li>
                            <img src="images/wx.png" alt="">
                            <p>我的微信</p>
                        </li>
                    </ul>
                </div>
                <div class="endnav">
                    <p><b>站点声明:</b></p>
                    <p>2、所有文章未经授权禁止转载、摘编、复制或建立镜像，如有违反，追究法律责任。举报邮箱：dacesmiling@qq.com</p>
                    <p>Copyright © <a href="">www.yangqq.com</a> All Rights Reserved. 备案号：<a href="">蜀ICP备11002373号-1</a></p>
                </div>
            </div>
        </div>
    </footer>
</div>

<!--响应式-->
<div class="ydd">
    <header>
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <a class="navbar-brand" href="#">罗高扬个人博客</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
                <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
                    <li class="nav-item active">
                        <a class="nav-link" href="">网站首页 <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item active">
                        <a class="nav-link" href="">个人博客<span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item active">
                        <a class="nav-link" href="">留言<span class="sr-only">(current)</span></a>
                    </li>
                </ul>
                <form class="form-inline my-2 my-lg-0">
                    <input class="form-control mr-sm-2" type="search" placeholder="Search">
                    <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
                </form>
            </div>
        </nav>
    </header>
    <nav>
        <div class="ciontainer">
            <div class="nav-shang">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="images/swiper1.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="images/swiper2.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="images/swiper3.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="images/swiper4.jpg" alt=""></div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <div class="nav-xia">
                <div class="headline clearfix">
                    <div class="yi">
                        <ul>
                            <li><a href="">
                                <img src="images/qiqiu.jpg" alt="">
                                <span>为什么说10月24日是程序员的节日？</span>
                            </a>
                            </li>
                        </ul>
                    </div>
                    <div class="er">
                        <ul>
                            <li><a href="">
                                <img src="images/yibenshu.jpg" alt="">
                                <span>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</span>
                            </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <div class="banner">
        <div class="whitebg">
            <div class="tab-buttons">
                <ul class="clearfix">
                    <li class="newscurrent">个人博客日记</li>
                </ul>
            </div>
            <div class="newstab">
                <div class="newsitem clearfix">
                    <div class="newspic">
                        <ul>
                            <li>
                                <a href="">
                                    <img src="images/xiaoyi.jpg" alt="">
                                    <span>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="images/xiaoer.jpg" alt="">
                                </a>
                                <span>个人博客，属于我的小世界！</span>
                            </li>
                        </ul>
                    </div>
                    <div class="newslist">
                        <ul>
                            <li class="clearfix">
                                <i></i>
                                <a href="">安静地做一个爱编程的女子</a>
                                <p>自从入了这行，很多人跟我说可以做网络教程，我也有考虑，但最终没有实现，因为我觉得在这个教程泛滥的时代，直接做一套免费的原创个人博客模板更为实在。每当看到自己喜欢的配色图片</p>
                            </li>
                            <li class="clearfix">
                                <i></i>
                                <a href="">电话以外的宁静</a>
                                <p>电话很久没有响过了，我的QQ也很久没有在线了，消失了很多天，刚刚结识的朋友因为我身上又起了红疹，每天都发来消息询问我的情况，我做到了这么多天来的沉默，我相信，没有网络，我还是可以继续我自己的生活</p>
                            </li>
                            <li class="clearfix">
                                <i></i>
                                <a href="">遇见一个未知的你</a>
                                <p>听着那熟悉的歌曲看着那一张张可爱的图片.-读着我们共同欣赏的诗……也许我们曾经相遇,看着你远去的背影 ,沿着你来的方向 ,回忆时间穿梭于幸福的点点滴滴....</p>
                            </li>
                            <li class="clearfix">
                                <i></i>
                                <a href="">个人网站做好了，百度不收录怎么办？来，看看他们怎么做的...</a>
                                <p>不管你是学前端的还是后端的，作为一个程序员，做一个自己的博客，那是必然的。咱们的圈子就这么大，想让更多的人了解你，看看你的技术多牛逼，扔一个博客地址就行了</p>
                            </li>
                            <li class="clearfix">
                                <i></i>
                                <a href="">个人博客，属于我的小世界！</a>
                                <p>个人博客，用来做什么？我刚开始就把它当做一个我吐槽心情的地方，也就相当于一个网络记事本，写上一些关于自己生活工作中的小情小事，也会放上一些照片，音乐。每天工作回家后就能访问自己的网站，一边听着音乐，一边写写文章。</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
         </div>
    </div>
    <div class="banner-xia clearfix">
        <div class="back clearfix`">
            <h2 class="btit clearfix">特别推荐</h2>
            <ul>
                <li>
                    <i class="ztpic">
                        <a href="">
                            <img src="images/tebie-yi.png" alt="">
                        </a>
                    </i>
                    <b>【个人博客空间申请】金牛云服，免费领空间啦</b>
                    <span>还在愁域名购买了，如何选择主机或者服务器吗？其实选择主机或者服务器有几个重要的选项，比如，线路，CPU，内存，带宽，网页空间，数据库，月流量等等。那什么是主机，什么是服务器，他们的区别</span>
                    <a href="" class="readmore">文章阅读</a>
                </li>
                <li>
                    <i class="ztpic">
                        <a href="">
                            <img src="images/tebie-er.png" alt="">
                        </a>
                    </i>
                    <b>双十一，阿里云特惠活动，快来领券啦</b>
                    <span>一折的产品，有没有看错，咱来看看，到底是哪些一折，想买空间吗？算了吧，服务器的价钱都比空间便宜呢，那肯定买服务器啊，咱来看看阿里云一折的服务器哪些好</span>
                    <a href="" class="readmore">文章阅读</a>
                </li>
                <li>
                    <i class="ztpic">
                        <a href="">
                            <img src="images/tebie-san.jpg" alt="">
                        </a>
                    </i>
                    <b>第二届 优秀个人博客模板比赛参选活动</b>
                    <span>只要你是在校大学生，不管你是新生，还是即将毕业，不管你是前端菜鸟，还是前端大神，只要你会html，这里将会是你展示才能的大平台。</span>
                    <a href="" class="readmore">文章阅读</a>
                </li>
                <li>
                    <i class="ztpic">
                        <a href="">
                            <img src="images/tebie-si.jpg" alt="">
                        </a>
                    </i>
                    <b>为什么说10月24日是程序员的节日？</b>
                    <span>创立“程序员节”最早是来自俄文《计算机世界》（《Компьютерра》）出版社的主编德米特里·门德列留科（Дмитрий Мендрелюк）在1996年7月15日的想法，当时计划将节日命名为“计算机用户节”，定在每年9月份的第一个星期五，称之为“纯净的星期五</span>
                    <a href="" class="readmore">文章阅读</a>
                </li>
                <li>
                    <i class="ztpic">
                        <a href="">
                            <img src="images/tebie-wu.jpg" alt="">
                        </a>
                    </i>
                    <b>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</b>
                    <span>不管你是学前端的还是后端的，作为一个程序员，做一个自己的博客，那是必然的。咱们的圈子就这么大，想让更多的人了解你，看看你的技术多牛逼，扔一个博客地址就行了。大多数人在没有</span>
                    <a href="" class="readmore">文章阅读</a>
                </li>
                <li>
                    <i class="ztpic">
                        <a href="">
                            <img src="images/tebie-liu.jpg" alt="">
                        </a>
                    </i>
                    <b>即便是坑，我也想要拉你入伙！和我一起</b>
                    <span>对于刚毕业的学生来说，想学习建网站，掌握一技之长，最简单的入门无非就是学会html和css，先前发表过一篇文章《如果要学习web前端开发，需要学习什么？》，如果你还不知道如何着手，请仔细阅读....7天的时间，入门是没有问题的，当然，如果你用心的话！</span>
                    <a href="" class="readmore">文章阅读</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="biaoqian">
        <h2 class="htitle">标签云</h2>
        <ul>
            <a href="">活动</a>
            <a href="">视频教程</a>
            <a href="">程序员</a>
            <a href="">节日</a>
            <a href="">金牛云服</a>
            <a href="">教程</a>
            <a href="">英文</a>
            <a href="">空间</a>
            <a href="" class="tes">帝国cms</a>
            <a href="" class="tea">个人</a>
            <a href="">网站</a>
            <a href="">比赛</a>
        </ul>
    </div>
    <main class="clearfix">
        <div class="bai bloglist">
            <h2 class="htitle">最新博文</h2>
            <ul>
                <li>
                    <h3 class="blogtitle">
                        <b>【顶】</b>
                        <a href="">十条设计原则教你学会如何设计网页布局!</a>
                    </h3>
                    <p class="blogtext">网页常见的布局有很多种,单列布局,多列布局.其中单列布局是国外很多网站比较常用的.咱们很多站长以及门户网站都使用的是是两列布局,很少用三列布局的.下面我来分享下我们常用的网页布局格式以及设计技巧 </p>

                    <span class="blogpic imgscale">
                        <i></i>
                        <a href="">
                            <img src="images/yizhang.jpg" alt="">
                        </a>
                    </span>
                    <p class="bloginfo"><a href="">阅读更多</a></p>
                </li>
                <li>
                    <h3 class="blogtitle">
                        <b>【顶】</b>
                        <a href="">Come on,行动起来吧!我们和时间来一场赛跑!</a>
                    </h3>
                    <p class="blogtext">"时间过得那么飞快,使我的小心眼儿里不只是着急,还有悲伤.有一天,我放学回家,看到太阳快落山了,就下决心说:"我要比太阳更快地回家."我狂奔回去,站在庭院前喘气的时候,看到太阳还露着半边脸,我高兴地跳跃起来 </p>
                    <span class="blogpic imgscale">
                        <i></i>
                        <a href="">
                            <img src="images/liangzhang.jpg" alt="">
                        </a>
                    </span>
                    <p class="bloginfo"><a href="">阅读更多</a></p>
                </li>
                <li>
                    <h3 class="blogtitle"><a href="">【个人博客空间申请】金牛云服，免费领空间啦</a></h3>
                    <p class="blogtext">还在愁域名购买了，如何选择主机或者服务器吗？
                        <br>
                        <br>

                        其实选择主机或者服务器有几个重要的选项，比如，线路，CPU，内存，带宽，网页空间，数据库，月流量等等。那什么是主机，什么是服务器，他们的区别
                    </p>
                    <span class="blogpic imgscale">
                        <i></i>
                        <a href=""><img src="images/sanzhang.png" alt=""></a>
                    </span>
                    <p class="bloginfo"><a href="">阅读更多</a></p>
                </li>
                <li>
                    <h3 class="blogtitle"><a href="">双十一，阿里云特惠活动，快来领券啦</a></h3>
                    <p class="blogtext">一折的产品，有没有看错，咱来看看，到底是哪些一折，想买空间吗？算了吧，服务器的价钱都比空间便宜呢，那肯定买服务器啊，咱来看看阿里云一折的服务器哪些好 </p>
                    <span class="blogpic imgscale">
                        <i></i>
                        <a href=""><img src="images/sizhang.png" alt=""></a>
                    </span>
                    <p class="bloginfo"><a href="">阅读更多</a></p>
                </li>
                <li>
                    <h3 class="blogtitle"><a href="">第二届 优秀个人博客模板比赛参选活动</a></h3>
                    <p class="blogtext">只要你是在校大学生，不管你是新生，还是即将毕业，不管你是前端菜鸟，还是前端大神，只要你会html，这里将会是你展示才能的大平台。 </p>
                    <span class="blogpic imgscale">
                        <i></i>
                        <a href=""><img src="images/hao.jpg" alt=""></a>
                    </span>
                    <p class="bloginfo"><a href="">阅读更多</a></p>
                </li>
                <li>
                    <h3 class="blogtitle"><a href="">为什么说10月24日是程序员的节日？</a></h3>
                    <p class="blogtext">创立“程序员节”最早是来自俄文《计算机世界》（《Компьютерра》）出版社的主编德米特里·门德列留科（Дмитрий Мендрелюк）在1996年7月15日的想法，当时计划将节日命名为“计算机用户节”，定在每年9月份的第一个星期五，称之为“纯净的星期五 </p>
                    <span class="blogpic imgscale">
                        <i></i>
                        <a href=""><img src="images/liuzhang.jpg" alt=""></a>
                    </span>
                    <p class="bloginfo"><a href="">阅读更多</a></p>
                </li>
                <li>
                    <h3 class="blogtitle"> <a href="">个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</a></h3>
                    <p class="blogtext">不管你是学前端的还是后端的，作为一个程序员，做一个自己的博客，那是必然的。咱们的圈子就这么大，想让更多的人了解你，看看你的技术多牛逼，扔一个博客地址就行了。</p>
                    <span class="blogpic imgscale">
                        <i></i>
                        <a href=""><img src="images/ce2.jpg" alt=""></a>
                    </span>
                    <p class="bloginfo"><a href="">阅读更多</a></p>
                </li>
                <li>
                    <h3 class="blogtitle"><a href="">即便是坑，我也想要拉你入伙！</a></h3>
                    <p class="blogtext">对于刚毕业的学生来说，想学习建网站，掌握一技之长，最简单的入门无非就是学会html和css，先前发表过一篇文章《如果要学习web前端开发，需要学习什么？》，如果你还不知道如何着手，请仔细阅读....7天的时间，入门是没有问题的，当然，如果你用心的话！ </p>
                    <span class="blogpic imgscale">
                        <i></i>
                        <a href=""><img src="images/bazhang.jpg" alt=""></a>
                    </span>
                    <p class="bloginfo"><a href="">阅读更多</a></p>
                </li>
            </ul>
        </div>
    </main>
    <footer>
        <div class="container">
            <div class="box clearfix">
                <div class="wxbox">
                    <ul class="clearfix">
                        <li>
                            <img src="images/wxgzh.jpg" alt="">
                            <p>微信公众号</p>
                        </li>
                        <li>
                            <img src="images/wx.png" alt="">
                            <p>我的微信</p>
                        </li>
                    </ul>
                </div>
                <div class="endnav">
                    <p><b>站点声明:</b></p>
                    <p>2、所有文章未经授权禁止转载、摘编、复制或建立镜像，如有违反，追究法律责任。举报邮箱：dacesmiling@qq.com</p>
                    <p>Copyright © <a href="">www.yangqq.com</a> All Rights Reserved. 备案号：<a href="">蜀ICP备11002373号-1</a></p>
                </div>
            </div>
        </div>
    </footer>
</div>





<script src="js/vue.js"></script>
<script src="js/axios.min.js"></script>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>